<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app_gl">
    过滤器，只能在插值表达式 和 v-bind 中才能够使用<br/>
    <h2>{{message | msgFormat}}<h2>

</div>

<script>
    Vue.filter('msgFormat', function (msg) {
        //过滤器，并没有修改原来的值， 只是在原值的基础上进行修改，然后显示出来
        return msg.replace(/正直/g,'欢喜');
    })

    new Vue({
        el: '#app_gl',
        data: {
            message: '我是一只正直的小鸟，一直做着正直的事情'
        },
        methods: {}
    })
</script>
</body>
</html>